<div class="row" style="margin-bottom: 12px;">
  <div class="col-md-9">
    <app-search (search)="searchList($event)" *ngIf="parentArticleCategoryId !== '0'"></app-search>
  </div>
  <div class="col-md-3 clearfix">
    <button class="btn pull-right" *ngIf="parentArticleCategoryId !== '0'" [routerLink]="['/article', '']"
            [queryParams]="{parentArticleCategoryId: parentArticleCategoryId, type: 'add'}">新建文章
    </button>
    <button class="btn pull-right" [ngStyle]="{'margin-right': parentArticleCategoryId !== '0' ? '10px' : ''}">新建栏目
    </button>
  </div>
</div>
<div class="table-responsive">
  <table class="table table-bordered table-striped table-hover">
    <thead style="background-color: #d7f0f3;">
    <tr>
      <th class="text-center">编号</th>
      <th>标题</th>
      <th class="text-center">创建时间</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let column of columnList" [routerLink]="['/articles', column.articleCategoryId]"
        style="cursor: pointer">
      <th class="text-center" style="width: 100px;">{{column.articleCategoryId}}</th>
      <td>{{column.title}}({{column.articleCount}})</td>
      <td class="text-center" style="width: 200px;">{{column.createTime}}</td>
    </tr>
    <tr *ngFor="let article of articleList">
      <th class="text-center" style="width: 100px;">{{article.articleId}}</th>
      <td>{{article.title}}</td>
      <td class="text-center" style="width: 200px;">{{article.createTime}}</td>
    </tr>
    </tbody>
  </table>
</div>
